HTML 格式规则

一般格式

所有代码块、列表和表元素均需另起一行,所有子元素均需缩进。

每一个代码块、列表和表元素均需另起一行,与元素的样式相独立(因为 CSS 允许元素在每一个显示属性中担任不同的角色)。

此外,代码块、列表和表元素的子元素也需进行缩进(如果你遇到列表项间存在空白的问题,可以将所有 li 元素放置在一行)。

推荐:

  1. <blockquote>
  2. <p>啊!<em>船长!</em>我的船长!</p>
  3. </blockquote>
  4. <ul>
  5. <li>啊.船长,我的船长!我们艰苦的航程已经终结,</li>
  6. <li>这只船安然渡过了一切风浪,我们寻求的奖赏已经获得。</li>
  7. <li>港口在望,我听见钟声在响,人们都在欢呼,</li>
  8. <li>目迎着我们的船从容返航,它显得威严而英武。</li>
  9. <li>可是,啊,心啊!心啊!心啊!</li>
  10. <li>啊.殷红的鲜血长流,</li>
  11. <li>在甲板上,那里躺着我的船长,</li>
  12. <li>他已倒下,已死去,已冷却。</li>
  13. <li>啊,船长,我的船长!起来吧,起来听听这钟声,</li>
  14. <li>起来,——旌旗正为你招展——军号正为你发出颤音。</li>
  15. <li>为你.送来了这些花束和花环。</li>
  16. <li>为你,熙攘的群众在呼唤,转动着多少殷切的脸。</li>
  17. <li>这里,船长!亲爱的父亲!</li>
  18. <li>你头颅下边是我的手臂!</li>
  19. <li>在甲板上像是在一场梦里,</li>
  20. <li>你已倒下,已死去,已冷却。</li>
  21. <li>我们的船长不作回答,他的双唇惨白而寂静,</li>
  22. <li>我的父亲不能感觉我的手臂,他已没有脉息、没有知觉,</li>
  23. <li>我们的船已安全抛锚碇泊,已经结束了它的航程,</li>
  24. <li>胜利的船从险恶的旅途归来,我们寻求的已赢得手中。</li>
  25. <li>欢呼吧,啊,海岸!轰鸣,啊,洪钟!</li>
  26. <li>可是,我却轻移悲伤的步履,</li>
  27. <li>在甲板上,那里躺着我的船长,</li>
  28. <li>他已倒下,已死去,已冷却。</li>
  29. </ul>
  30. <table>
  31. <thead>
  32. <tr>
  33. <th scope="col">姓名</th>
  34. <th scope="col">职业</th>
  35. </tr>
  36. </thead>
  37. <tbody>
  38. <tr>
  39. <td>瓦尔特·惠特曼</td>
  40. <td>诗人</td>
  41. </tr>
  42. </tbody>
  43. </table>

HTML 引号

在引用属性值时,使用双引号。

不推荐:

  1. <a href='login/' class='btn btn-secondary'>登陆</a>

推荐:

  1. <a href="login/" class="btn btn-secondary">登陆</a>